{% extends 'base.html' %}

{% block title %}
详情
{% endblock %}

{% block head %}
<link rel="stylesheet" href="{{ url_for('static',filename='css/detail.css') }}">
{% endblock %}

{% block body %}
    <h3 class="page-title">{{ question.title }}</h3>
    <p class="question-info">
    <span>作者：{{ question.author.username }}</span>
    <span>时间：{{ question.create_time }}
</span>
    </p>
    <hr>
    <p class="question-content">
    {{ question.content }}
    </p>
    <hr>

    <p>评论:(0)</p>
    <form action="{{ url_for('add_answer') }}" method="post">
    <div class="form-group">
        <input type="text" class="form-control" name="answer-content" placeholder="请填写评论">
        <input type="hidden" name="question_id" value="{{ question.id }}">
    </div>
    <div class="form-group" style="text-align: right">
        <button class="btn btn-primary" >立即评论</button>
    </div>
    </form>

    <ul class="answer-list">
        {% for answer in question.answers %}
            <li>
                <div class="user-info">
                    <img class="avatar" src="{{ url_for('static',filename='images/zhiliao.png') }}" >
                    <span class="username">{{ answer.author.username }}</span>
                    <span class="createtime">{{ answer.create_time }}</span>
                </div>
                <p class="answer-content">{{ answer.content }}</p>
            </li>
        {% endfor %}

    </ul>

{% endblock %}